<template>
    <div>
        <div class="box">
            <div class="img"></div>
            <div class="word">
                <div class="title">标题示例</div>
                <div>阿弧度噶是的哈惊人的覅就我仨画风是爱人</div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "flex2"
    }
</script>

<style scoped lang="less">
.box{
    display: flex;
    align-items: center;
    width: 500px;
    height: 100px;
    border: 1px solid red;
    .img{
        width: 80px;
        height: 80px;
        background-color: aqua;
    }
}
.word{

    margin-left: 20px;
    height: 50px;
    border: 1px solid black;

}
</style>